@charset "utf-8";
/* CSS Document */
/*banner*/
.banner{ overflow:hidden; width:100%; height:600px;  position:relative;}
.banner ul{ overflow:hidden; width:100%; height:600px; position:relative}
.banner li{ width:100%; height:600px; position:absolute; left:0; top:0}
.banner li a{ display:block; width:100%; height:100%;}
.banner .li01{background:url(Img/Index/banner01.jpg) no-repeat center top;}
.banner .li02{background:url(Img/Index/banner02.jpg) no-repeat center top;}
.banner .li03{background:url(Img/Index/banner03.jpg) no-repeat center top;}
.banner .btn{ overflow:hidden; width:69px; height:11px; position:absolute; left:50%; bottom:40px; margin-left:-35px; background:#eee; border-radius:20px; padding:10px 20px; 
			filter:alpha(opacity=90); -moz-opacity:0.9;opacity:0.9;}
.banner .btn span{ display:block; width:11px; height:11px; background:url(../images/banner_btn.png) no-repeat left center; cursor:pointer; float:left; margin:0 6px;}
.banner .btn span.cur{ background-position:right}
.banner i{ display:none; width:42px; height:72px; z-index:1000; position:absolute; cursor:pointer;}
/* .banner i.btn_left{ left:0; top:245px; background:url(../images/banner_btn01.png) no-repeat top center;}
.banner i.btn_right{ right:0; top:245px; background:url(../images/banner_btn02.png) no-repeat top center;} */
.banner:hover i{display:block}
.banner i:hover{background-position:bottom}






.fivez{ overflow: hidden;

			height: 200px;text-align: center;background-position:-300px -900px;background: url(../images/osi_youshi_bg.jpg) no-repeat center;transform:translate3d(0,0,0); animation:play 25s linear infinite;
		background-attachment: fixed; overflow:hidden;}
/* .five { overflow:hidden;  margin:40px auto; width:1300px;}
.five ul{ overflow:hidden; width:110%;}
.five li{ float:left; width:160px; overflow:hidden; margin-right:60px; cursor:pointer; }
.five li span{ display:block; width:160px; height:100px; overflow:hidden; position:relative; margin-bottom:15px;}
.five li em{ display:block; font-size:16px; color:#fff; text-align:center;}
 */

 .fivez div	img{margin:20px auto; display:block;}




















/* #s_about_link li:hover .icon_box{ transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg);  } */











h3.htitle{ text-align:center; font-size:32px; padding-top:55px; margin-bottom:3px; color:#333; line-height:60px; }
h3.htitle a{ color:#333;}
h3.htitle a:hover{color:#e4393c;}
span.htitle{ display:block; text-align:center; font-size:16px; color:#777; font-family:Arial; padding-bottom:20px; background:url(../images/title_bg.png) no-repeat center bottom; text-transform: uppercase;}


	.cp_liebiao{margin:40px auto 0; width:1200px; }
	.cp_liebiao ul{border-left:1px solid #ccc; box-sizing: border-box; margin:0 auto;}
.cp_liebiao ul li{float:left; width:171px; line-height:50px;  box-sizing: border-box;  border-top:1px solid #ccc;}
.cp_liebiao ul li a{width:100%; display:block; text-align:center; border-right:1px solid #ccc; border-bottom:1px solid #ccc;box-sizing: border-box;}
 .cp_liebiao ul li a:hover{background:#176949; color:#fff;} 
















.proCenter{width: 1200px;overflow: hidden; margin:0 auto;}
.proCenter .Title h2{background: none;}
.proCenter .Title p{background: url(Img/Index/pro-titleBg.png) no-repeat center;}
.proCenter .proLeft,.proCenter .proRight{margin-top: 38px;}
.proCenter .proLeft{width: 240px;float: left;}

.proCenter .proLeft .lianxi_cpliebiao img{ width:200px; display:block; margin:0px auto; border:20px solid #eee;}
.proCenter .proLeft .lianxi_cpliebiao p{ font-size:14px; font-weight:bold; color:#333; padding-left:20px;}
.proCenter .proLeft .lianxi_cpliebiao p span{  font-weight:normal; color:#333; }
.proLeft h3{font-size: 22px;height: 80px;line-height: 80px;text-align: center;width: 100%;font-weight: normal;background: #1472c5;}
.proLeft h3 a{color: #FFFFFF;display: block;text-decoration: none;line-height: 80px;}
.proLeft dl{width: 240px;border-bottom: 1px solid #dedede;border-top: 1px solid #FFFFFF;background: #f6f6f6;overflow: hidden;}
.proLeft dt{width: 240px;height: 50px;overflow: hidden;line-height: 50px;}
.proLeft dt a{ display:block; font-size:15px; color:#444;  line-height:50px;background:url(../images/feel4.png) no-repeat 211px center;padding-left:20px;text-decoration: none; }
.proLeft dd{ overflow:hidden; width:220px; padding-left:20px;padding-bottom: 4px; display: none;}
.proLeft .last dd{padding-bottom: 10px; }
.proLeft dd a{ display:block;  font-size:14px; color:#555555; line-height:30px; padding-left:17px; background:url(../images/feel4_1.png) no-repeat left center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.proLeft dl.hover { background-color: #1472c5;}
.proLeft dl.hover dd a{background: url(../images/feel3_1.png) no-repeat left center; color: #fff;}
.proLeft dl dt.active a{ background:  url(../images/feel4.png) no-repeat 207px center; }
.proLeft dl.hover dt a{background:  url(../images/feel3.png) no-repeat 207px center; color: #fff;}
.proRight  { overflow:hidden; width:940px; float:right;}
.proRight .protop{ overflow:hidden; width:100%;background-color: #f2f2f2;}
.proRight .protop ul{ float:left;overflow: hidden;}
.proRight .protop li{width: 160px;height: 80px;line-height: 80px;height: 80px;text-align: center;background: #e6e6e6;float: left;font-weight: bold;}
.proRight .protop li a{display: block;line-height: 80px;color: #333333;font-size: 16px;text-decoration: none;}
.proRight .protop li.cur{background-color: #1472c5;font-weight: bold;}
.proRight .protop li.cur a{color: #FFFFFF;}
.proRight .protop li:hover{background-color: #1472c5;}
.proRight .protop li:hover a{color: #FFFFFF;}
/*修改background:url(Img/Index/pro-phone.png) no-repeat left center;*/
.proRight .protop span{ float:right; /*font-size:14px; color:#888888;*/ background:url(Img/Index/pro-phone.png) no-repeat left center;display: block;padding: 0 20px;margin-top: 26px;display: block;overflow: hidden;}
.proRight .protop b{float: left;font-size:14px;color:#888888;line-height: 29px;font-weight: normal;}/*修改  增加一行*/
.proRight .protop em{color: #2454ac;font-size: 24px;font-weight: bold;float: left;}/*修改float: left;*/
.proRight .proList{ overflow:hidden;width: 110%;margin-top: 20px;height: 930PX;}
.proRight .proList li{ float:left; width:305px; height:274px; margin-right:10px;background: #f2f2f2;position: relative;margin-bottom: 11px;}
.proRight .proList li img{ display:block; margin:0 auto; margin-bottom: 19px;margin-top: 3px;}
.proRight .proList i{display: block;position: absolute;top: 3px;right: 3px;background: url(Img/Index/pro-jia01.png) no-repeat right top;width: 28px;height: 28px;}
.proRight .proList li a{ display:block; text-decoration:none;font-size: 14px;color: #333333;text-align: center;}
.proRight .proList li:hover{ background: #1472c5;}
.proRight .proList li:hover a{color: #FFFFFF;}
.proRight .proList li:hover i{background: url(Img/Index/pro-jia02.png) no-repeat right top;}











.about{width: 100%;padding-bottom: 74px; background:#f2f2f2; padding-top:60px;}
.about .Title{padding-top: 66px;}
.about .mainCon{margin-top: 62px;}
.about .conBox1{width: 1200px;margin: 0 auto;}
.about .conBox1 dt{float: right;width: 580px;height: 324px;}
.about .conBox1 dt img{display: block;width: 580px;height: 324px;}
.about .conBox1 dd{width: 590px;float:left;}
.about .conBox1 dd h3{font-size: 24px;color: #1472c5;padding-top: 12px;}
.about .conBox1 dd h3 a{color: #1472c5;text-decoration: none;}
.about .conBox1 dd p{margin-top: 45px;line-height: 24px;text-indent: 2em;font-size: 14px;color: #666666;}
.about .conBox1 dd a.details{width: 128px;height: 37px;text-align: center;line-height: 37px;font-size: 14px;color: #f2f2f2;background: #1472c5;margin-top: 46px;display: block;text-decoration: none;}
.about .conBox2{width: 100%;margin-top: 40px;}
.about .conBox2 .menu{border-bottom: 2px solid #e7e7e7;width: 1200px;margin: 0 auto;}
.about .conBox2 .menu li{float: left;font-size: 16px;color: #333333;font-weight: bold;padding-right: 12px;padding-bottom: 12px;position: relative;}
.about .conBox2 .menu li i{display: none;position: absolute;bottom: -2px;width: 100%;height: 2px;background: #1472c5;left: 0;}
.about .conBox2 .menu li a{color: #333333;text-decoration: none;}
.about .conBox2 .menu li span{font-size: 16px;color: #b6b6b6;margin-right: 12px;}
.about .conBox2 .menu li:first-child span{display: none;}
.about .conBox2 .menu li:first-child{padding-left: 20px;}
.about .conBox2 .menu li.cur a{color: #1472c5;}
.about .conBox2 .menu li.cur i{display: block;}
.about .conBox2 .con{width: 1350px;margin: 36px auto 0;height: 249px;overflow: hidden;position: relative;}
.about .conBox2 .lunb{width: 1200px;position: relative;margin: 0 auto;}
.about .conBox2 .lunb i.aboutBtn{display: block;width: 45px;height: 45px;overflow: hidden;cursor: pointer;position: absolute;top: 78px;}
.about .conBox2 .lunb i.aboutBtn img{display: block;width: 45px;height: 90px;position: relative;}
.about .conBox2 .lunb i.aboutBtn:hover img{top: -45px;}
.about .conBox2 .lunb i.prev{left: -74px;}
.about .conBox2 .lunb i.next{right: -74px;}
.about .conBox2 .lunb .box{width: 100%;position: relative;height: 249px;overflow: hidden;}
.about .conBox2 .lunb .box ul{width: 105%;position: absolute;left: 0;top: 0;}
.about .conBox2 .lunb .box li{float: left;height: 249px;width: 282px;margin-right: 24px;overflow: hidden;position: relative;}
.about .conBox2 .lunb .box li i.xian{display: block;width: 282px;height: 2px;background: #e0e0e0;}
.about .conBox2 .lunb .box li i.xianL{width: 141px;height: 2px;background: #1472c5;position: absolute;left: -141px;bottom: 0px;}
.about .conBox2 .lunb .box li i.xianR{width: 141px;height: 2px;background: #1472c5;position: absolute;right: -141px;bottom: 0px;}
.about .conBox2 .lunb .box p{width: 282px;height: 200px;position: relative;}
.about .conBox2 .lunb .box p span{display: block;width: 282px;height: 200px;overflow: hidden;}
.about .conBox2 .lunb .box p span img{display: block;width: 282px;height: 200px;transform: scale(1);transition: all 1s ease-out;}
.about .conBox2 .lunb .box p a{display: none;width: 282px;height: 142px;position: absolute;top: 0;left: 0;padding-top: 58px;background: url(../images/aboutBg.png);text-align: center;text-decoration: none;}
.about .conBox2 .lunb .box p a img{display: block;width: 40px;height: 40px;margin: 0 auto;}
.about .conBox2 .lunb .box p a b{font-size: 14px;color: #fff;font-weight: normal;margin-top: 22px;display: block;}
.about .conBox2 .lunb .box em{display: block;font-size: 14px;color: #666666;height: 47px;line-height: 47px;text-align: center;padding: 0 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.about .conBox2 .lunb .box li:hover p a{display: block;}
.about .conBox2 .lunb .box li:hover p span img{transform: scale(1.2);}





.news { overflow:hidden; width:100%; padding-top:50px; margin-bottom:50px; border-top:4px solid #e8e8e8}
.news .list{ overflow:hidden; height:430px; float:left; width:384px; border:1px solid #ececec; margin-right:21px;}
.news .last{ margin-right:0}
.news .list h2{ font-size:24px; height:67px; border-bottom:1px solid #ececec; line-height:67px; padding-left:20px; margin-bottom:20px;}
.news .list h2 a{ color:#000}
.news .list h2 span{ color:#004fc6;}
.news .list h2 em{ font-size:14px; color:#999; margin-left:10px; font-family:Arial; margin-bottom:20px;}
.news .nbox{ overflow:hidden; width:346px; margin:0 auto; height:325px;}
.news .qybox img{ display:block; margin:0 auto; margin-bottom:12px;}
.news .qybox ul{ overflow:hidden; width:100%;}
.news .qybox li{ padding-left:10px; *float:left; width:336px; overflow:hidden; background:url(Img/Index/news_s.png) no-repeat left center; font-size:14px; line-height:32px; color:#666}
.news .qybox li a{ display:block; float:left; width:245px; white-space:nowrap; text-overflow:ellipsis; overflow: hidden; color:#666;font-size:14px;}
.news .qybox li span{ float:right}
.news .bk li{ overflow:hidden; width:100%; height:73px; margin-bottom:10px; *float:left}
.news .bk li a{ display:block; text-decoration:none}
.news .bk li span{ display:block; float:left; text-align:center; font-size:18px; color:#fff; width:97px; height:73px;}
.news .bk li span img{ display:block; margin:8px auto 3px auto}
.news .bk li em{ display:block; float:left; margin-left:15px; width:225px; font-size:14px; line-height:24px; color:#666; height:48px; margin-top:15px;}
.news .bk .s01{ background-color:#888}
.news .bk .s02{ background-color:#71be9e}
.news .bk .s03{ background-color:#f07800}
.news .bk .s04{ background-color:#d24a3a}
.news .wenda{ position:relative}
.news .wenda ul{ overflow:hidden; position:absolute; width:100%;}
.news .wenda li{ overflow:hidden; width:100%; height:120px; display:block}
.news .wenda h3{ font-weight:normal; font-size:14px; color:#333; padding-left:35px; margin-bottom:9px; background:url(Img/Index/news_w.png) no-repeat left center; line-height:26px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.news .wenda h3 a{ color:#333}
.news .wenda p{ padding-left:35px; background:url(Img/Index/news_d.png) no-repeat left top; font-size:13px; line-height:24px; color:#666; height:48px; overflow:hidden;}







/* c产品优势
 */



.shhjBox .container{ position:relative; z-index:999;}
.shhjBox .shTle{ background:url(Img/Index/sstlbg.png) no-repeat left top; padding-top:40px; padding-bottom:32px;}
.shhjBox .container ul{ overflow:hidden; position:absolute; left:45%; bottom:-52px; z-index:999;}
.shhjBox .container li{ float:left;  width:51px; height:52px;}
.shhjBox .container li a{ display:block;  height:52px;}
.shhjBox .container li.lbg1{ background:url(Img/Index/libg01.png) repeat center;}
.shhjBox .container li.lbg1 a{ background:url(Img/Index/libot01.png) no-repeat center;}
.shhjBox .container li.lbg2{ background:url(Img/Index/libg02.png) repeat center;}
.shhjBox .container li.lbg2 a{ background:url(Img/Index/libot02.png) no-repeat center;}
.shhjBox .hjCont{}
#jianz{ position:relative;}
.shhjBox .hjCont ul{ overflow:hidden; width:1920px;}
.shhjBox .hjCont li{ float:left; width:480px; position:relative;}
.shhjBox .hjCont li img{ display:block;}
.shhjBox .hjCont li i{ display:block; width:480px; height:388px; position:absolute; background:url(Img/Index/hjlbg.png) repeat center; top:0; left:0; cursor:pointer;}
.shhjBox .hjCont li p{ padding:27px 0; text-align:center; width:100%;}
.shhjBox .hjCont li p a{ font-size:16px; color:#333;}
.shhjBox .hjCont li:hover i{ display:none;}
.shhjBox .hjCont li:hover p{ background:#ef6b00;}
.shhjBox .hjCont li:hover p a{ color:#fff;}










.xuanze_wm{background:#f2f2f2;background:url(../images/chanpinbg1.jpg) no-repeat center center;border:1px solid #f2f2f2;}

.women_yous{width:1200px;margin:0px auto;padding:40px 0 80px 0;}
.women_yous1{width:300px;height:600px;float:left;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.women_yous1:hover{
		transform:translate(0,-10px);
	-webkit-transform:translate(0,-10px);
	-moz-transform:translate(0,-10px);
	-o-transform:translate(0,-10px);
	-ms-transform:translate(0,-10px);
	-webkit-box-shadow:0px 5px 15px #e5e5e5;
    -moz-box-shadow:0px 5px 15px #e5e5e5;
    box-shadow:0px 5px 15px #e5e5e5;
}
.women_youst{
	width:100%;
	height:300px;
	
}
.women_youstz{
	width:100%;
	height:300px;
	background:#eee;
	
}

.women_youstz h2{
	font-size:18px;
	/* font-weight:normal; */
	text-align:center;
	padding-top:50px;
	color:#1472c5;
}
.women_youstz div{
	width:2px;
	height:30px;
	background:#1472c5;
	margin:20px auto;
}
.women_youstz p{
	width:90%;
	margin:0 auto 0;
	color:#888;
	line-height:24px;
	font-size:14px;
	text-align:center;
}









.zzry {padding:10px 0 10px;background-color: #f2f2f2;}
.zzry .container {position: relative;}
.zzry .zzry_con {margin-top: 30px;position: relative;height: 278px;overflow: hidden;}
.zzry .zzry_con ul {position: absolute;left: 0;top: 0;}
.zzry .zzry_con ul li {float: left;width: 282px;margin-left: 24px;}
.zzry .zzry_con ul li:first-child {margin-left: 0;}
.zzry .zzry_con ul li span {display: block;width: 280px;height: 209px;border: 1px solid #e4e3e3;overflow: hidden;}
.zzry .zzry_con ul li span img {display: block; transition: all 0.5s;}
.zzry .zzry_con ul li i {display: block;height: 30px;line-height: 30px;text-align: center;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;font-size: 16px;}

.zzry .zzry_con ul li:hover span {border: 1px solid #70bc0a;}
.zzry .zzry_con ul li:hover img {transform: scale(1.1);}
.zzry .zzry_con ul li:hover i {color: #70bc0a;}

.zzry .zzry_btnl {position: absolute;left: -60px;top: 100px;height: 45px;width: 25px;background: url(../images/index_tab_l.png) no-repeat center;cursor: pointer; }
.zzry .zzry_btnr {position: absolute;right: -60px;top: 100px;height: 45px;width: 25px;background: url(../images/index_tab_r.png) no-repeat center;cursor: pointer;}









.ysTit1{overflow: hidden;background:#999590;height: 206px;text-align: center;}

.ysTit1 h2 {font-size: 40px; margin-top: 50px;color: #fff;letter-spacing: 3px;}
.ysTit1 p {font-size: 24px;margin-top: 25px;color: #fff;}	

.ysTit_about{overflow: hidden;height: 206px;text-align: center;background-position:-300px -900px;background: url(../images/osi_youshi_bg_about.jpg) no-repeat center;transform:translate3d(0,0,0);
animation:play 25s linear infinite;background-attachment: fixed; overflow:hidden; position:relative;}


.ysTit_xinwen{overflow: hidden;height: 206px;text-align: center;background-position:-300px -900px;background: url(../images/osi_youshi_bg_xinwen.jpg) no-repeat center;transform:translate3d(0,0,0);
animation:play 25s linear infinite;background-attachment: fixed; overflow:hidden; position:relative;}



.ysTit_about h2 {font-size: 43px; margin-top: 50px;color: #fff;letter-spacing: 3px;}
.ysTit_about p {font-size: 24px; margin-top: 15px; color: #fff;}

.ysTit_xinwen h2 {font-size: 43px; margin-top: 50px;color: #fff;letter-spacing: 3px;}
.ysTit_xinwen p {font-size: 24px; margin-top: 15px; color: #fff;}	



.ysTit1{overflow: hidden;background:#999590;height: 206px;text-align: center;
		}


.ysTit1{overflow: hidden;background:#999590;height: 206px;text-align: center;
		}

.ysTit1 h2 {
    font-size: 40px;
    margin-top: 50px;
    color: #fff;
	letter-spacing: 3px;
	}
.ysTit1 p {font-size: 24px;margin-top: 25px;color: #fff;}	
















/* 应用领域 */
.lingyu { overflow:hidden; padding-top:60px; width:100%; background:url(Img/Index/lingyu_bg.png) repeat-x left top; padding-bottom:70px;}
.lingyu ul{ overflow:hidden; width:1220px; margin:0 auto; height:400px;}
.lingyu li{ overflow:hidden; float:left; width:285px; margin:0 10px; height:400px; position:relative;}
.lingyu li img{ display:block;}
.lingyu li .imgIcon{ display:block; position:absolute; left:50%; margin-left:-25px; top:305px; z-index:2}
.lingyu li a{ display:block; width:100%; height:70px; position: absolute; left:0; bottom:0; text-decoration:none}
.lingyu li .icon{ margin:0 auto; display:none;}
.lingyu li .a01{ background-color:#e4393c;}

.lingyu li em{ display:block; margin:0 auto; text-align:center; padding:20px 0; width:120px; font-size:16px; color:#fff; margin-top:-15px;}
.lingyu li p{ width:80%; margin:10px auto; font-size:16px; color:#fff; line-height:20px; height:40px; overflow:hidden; text-align:center}

/* 友情链接
 */

 .link{width: 100%; background:#f2f2f2;}
.link dt{height: 74px;line-height: 74px;font-size: 18px;color: #333333;border-bottom: 1px solid #ccc;}
.link dt a{color: #333333; text-decoration: none;}
.link dt em{font-family: arial;}
.link dd{padding: 24px 0 14px 0;overflow: hidden;}
.link dd a{display: block;float: left;font-size: 15px;color: #333333;padding: 0 28px;border-left: 1px solid #e9e9e9;margin-bottom: 10px;}
.link dd a:first-child{border-left: none;}